.mask {
  position:absolute;
  top:0;
  left:0;
  width: 100%;
  height:100%;
  z-index:10;
}
.dialog {
  border: 1px solid #0f7fd6;
  box-shadow:10px 10px 10px #d6d6d6;
  user-select:none;
  position:relative;
}

.titlebar {
  height: 30px;
  background-color:white;
}
.title,
.close {
  line-height:30px;
}
.title {
  margin-left:5px; 
}

.close {
  display:inline-block;
  width:30px;
  position: relative;
  text-align:center;
  left:200px;
}

.close:hover{
  background-color:red;
  color:white;
}
.main {
  box-sizing:border-box;
  background-color:#f1f1f1;
  padding:12px;
}

